<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./index.css">
    <script src="./index.js"></script>
</head>

<body>
    <div class="header">
        <!-- <center> -->
        <div class="header_info">
            <div class="left_header">
                <img id="logo" src="../public/kugou_white.png" alt="">
                <div class="search">
                    <span class="iconfont icon-sousuo"></span>
                    <input type="text">
                </div>
            </div>
            <div class="right_header">
                <a href="#">我的音乐</a>
                <a href="#">歌单广场</a>
                <a href="#">音乐排行榜</a>
                <a href="#">歌手</a>
                <div class="login">登录</div>
            </div>
        </div>
        <!-- </center> -->
    </div>



    <div class="masage">
        <div class="singer_info">
            <div class="img_i">
                <img src="../public/images/歌手.jpg" alt="">
            </div>
            <div class="right_text">
                <div class="singer_name">
                    <h4>G.E.M.邓紫棋</h4>
                    <span class="time">入驻艺人</span>
                </div>
                <a href="#"><span class="time">+关注</span></a>
            </div>
        </div>
        <div class="singer_sort_info">
            <span >
                <span class="time">精选</span>
                <span class="time"></span>
            </span>
            <span class="time">
                <span class="time">专辑<i>666</i></span>
                <span class="time"></span>
            </span>
            <span class="child">
                <span class="time">MV<i>888</i></span>
                <span class="time"></span>
            </span>
            <span class="time">
                <span class="time">资料</span>
                <span class="time"></span>
            </span>
        </div>

        <div class="song_info">
            <div class="tittle">
                <p>歌曲名</p>
                <p>歌手</p>
                <p>专辑</p>
                <p>时间</p>
            </div>
            <div class="song_info_all">
                <div class="song_ii">
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii">
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii"> 
                     
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii">
                     
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii">
                     
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii">
                     
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
                <div class="song_ii">
                     
                    <div class="info_center">
                        <div class="info_center_left">
                            <span class="iconfont icon-hear"></span>
                            <div class="song_name">爱豆爱了 <span class="iconfont icon-MV"></span>
                            </div>
                        </div>
                        <div class="info_center_right">
                            <span class="iconfont icon-xiazai"></span>
                            <span class="iconfont icon-18erji-2"></span>
                            <span class="iconfont icon-xiangqing"></span>
                        </div>
                    </div>
                    <a class="info_center_singer" href="#" class="singer">小洲</a>
                    <a class="info_center_song" href="#" class="zhuanji">爱豆爱了</a>
                    <p class="info_center_time" class="song_time">04:15</p>
                </div>
            </div>
        </div>

        <div class="zhuanji">
            <h4 class="tittle">
                全部专辑
            </h4>
            <div class="zhuanji_info">
                <div class="info_list">
                    <div class="showdow"></div>
                    <span class="iconfont icon-24gl-play"></span>
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
                <div class="info_list">
                    <img src="../public/images/专辑.jpg" alt="">
                    <p>那些你很冒险的梦 (JJ20版)</p>
                    <span class="time">2022-09-15</span>
                </div>
            </div>
        </div>

        <div class="intro">
            <h4>基本介绍</h4>
            <div class="text">
                <text>JJ林俊杰的创作来自最深的情感，他的声音唱出灵魂的璀璨，他把音乐和梦想当做能量，一路走到无人取代的地位，他写下华语乐坛最动人的经典乐章，撼动亚洲数十亿颗心跳。他是亚洲乐坛全能唱作天王JJ林俊杰。\n2003年首发第一张个人创作专辑《乐行者》，取得不俗成绩；其杰出的创作才能又在之后2004年的凭借歌曲《江南》而成名，并于同年获得第15届金曲奖之“最佳演唱新人奖”。随后的《小酒窝》《曹操》《她说》等歌曲亦造成广大回响。2011年8月8日携手华纳，迈出世界。</tetx>
            </div>
        </div>

        <div class="mv">
            <div class="mv_list">
                <div class="showdow"></div>
                <span class="iconfont icon-24gl-play"></span>
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
            <div class="mv_list">
                <img src="../public/images/MV.jpg" alt="">
                <p>JJ 林俊杰 JJ20 世界巡回演唱会台北站加场宣传视频</p>
            </div>
        </div>



    </div>


    <div class="flooter">
        <ul>
            <li>
                <p>腾讯音乐娱乐集团</p>
            </li>
            <li>
                <p>腾讯音乐人</p>
            </li>
            <li>
                <p>酷狗音乐人</p>
            </li>
            <li>
                <p>星曜推歌</p>
            </li>
            <li>
                <p>5sing原创计划</p>
            </li>
            <li>
                <p>曲库开放计划</p>
            </li>
            <li>
                <p>听歌识曲</p>
            </li>
            <li>
                <p>歌叽歌叽</p>
            </li>
        </ul>
        <p class="text">此网页仅用于学习研究@gdxzzyxy 2020-2023 20JJ01B08 user_h</p>
    </div>
</body>

</html>